<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2020/11/11
  Time: 19:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <title>VIP申请管理</title>
    <style type="text/css" rel="stylesheet">
        body{
            font-family: "楷体";
            font-size: 16px;
        }
        .all{
            width: 850px;
            max-height: 550px;
            overflow: auto;
            border: 2px solid red;
            margin: 0 auto;
            padding: 50px 30px;
            box-sizing: border-box;
            margin-top: 25px;
        }
        .yheader{
            font-size: 18px;
            font-weight: 600;
            color: red;
            margin-bottom: 10px;
        }
        table{
            width: 750px;
            margin: 0 auto;
            margin-bottom: 20px;
        }
        td{
            text-align: center;
        }
        button{
            background: #a39933;
            border: none;
            height: 20px;
            width: 50px;
            color: #ffffff;
        }
        .why{
            width: 750px;
            margin: 0 auto;
            border: 2px solid red;
            box-sizing: border-box;
            display: none;
            padding: 10px;
        }
    </style>
    <script src="/WebContent/JQuery/jquery-3.4.1.js" type="text/javascript"></script>
</head>
<body>
<article class="all">
    <div class="yheader">当前位置&nbsp;&gt;&gt;&nbsp;vip申请管理</div>
    <div id="allwclapp">

    </div>
    <div class="why">

    </div>

</article>
<script>
    $(document).ready(function () {
        $.ajax({
            url:"/AdminLoginServlet?type=cxviptypes",
            dataType:"json",
            type:"get",
            success:function (data) {
                if(data.length > 0){
                    collback(data);
                }else {
                    alert("没有VIP申请！");
                }

            },
            error:function (error) {
                 alert("请求失败！");
            }
        })

        var collback = function (data) {
            if(data.length > 0){
                var $table = $("<table border='1'></table>");
                $table.appendTo("#allwclapp");
                var $tr = $("<tr></tr>").appendTo($table);
                $("<th></th>").html("编号").appendTo($tr);
                $("<th></th>").html("姓名").appendTo($tr);
                $("<th></th>").html("邮件地址").appendTo($tr);
                $("<th></th>").html("注册时间").appendTo($tr);
                $("<th></th>").html("申请时间").appendTo($tr);
                $("<th></th>").html("结束时间").appendTo($tr);
                $("<th></th>").html("当前状态").appendTo($tr);
                $("<th></th>").html("浏览").appendTo($tr);
                $("<th></th>").html("操作").appendTo($tr);
                $("<th></th>").html("操作").appendTo($tr);
                $.each(data,function (index,item) {
                    var states = "未处理";
                    if(item.vipUserAppState == 2){
                        states = "<span style='color:red'>已打回</span>";
                    }else if(item.vipUserAppState == 0){
                        var states = "<span style='color:orange'>未处理</span>";
                    }
                    console.log(data);
                    var $tr = $("<tr></tr>").appendTo($table);
                    $("<td style='display: none' class='id'></td>").html(item.vipId).appendTo($tr);
                    $("<td style='display: none' class='yuanyin'></td>").html(item.vipUserAppWhy).appendTo($tr);
                    $("<td style='display: none' class='userid'></td>").html(item.appVipId).appendTo($tr);
                    $("<td></td>").html(index+1).appendTo($tr);
                    $("<td class='name'></td>").html(item.username).appendTo($tr);
                    $("<td></td>").html(item.userEmail).appendTo($tr);
                    $("<td></td>").html(item.vipUserRegisterTime).appendTo($tr);
                    $("<td></td>").html(item.vipUserAppStartTime).appendTo($tr);
                    $("<td></td>").html(item.vipUserAppEndTime).appendTo($tr);
                    $("<td class='state'></td>").html(states).appendTo($tr);
                    $("<td></td>").html("<button type='button' class='btn1'>查看</button>").appendTo($tr);
                    $("<td></td>").html("<button type='button' class='btn2'>通过</button>").appendTo($tr);
                    $("<td></td>").html("<button type='button' class='btn3'>打回</button>").appendTo($tr);
                    $(".btn1").click(function () {
                        $(this).parents().parent().next(".why").css("display","block").html("申请原因:"+$(this).parent().siblings(".yuanyin").text());
                    })
                    $(".btn2").click(function () {
                        //找到vip申请id
                        var id= $(this).parent().siblings(".id").text();
                        //找到vip申请中的用户id，用于通过后user表中用户类型的改变
                        var uid = $.trim($(this).parent().siblings(".userid").text());
                        $.ajax({
                            url:"/AdminLoginServlet?type=agree",  //请求地址
                            data:"id="+id+"&userid="+uid,     //携带的参数，id,uid
                            dataType: "text",    //servlet相应的类型，文本类型
                            type:"get",     //是get请求
                            success:function (data) {      //请求成功时执行
                                if(data == "1"){
                                    alert("操作成功！");
                                    window.location.reload();
                                }else{
                                    alert("操作失败，稍后重试！");
                                }
                            },
                            error:function (error) {
                                alert("系统异常！");
                            }
                        })
                    })
                    $(".btn3").click(function () {
                        var id= $(this).parent().siblings(".id").text();
                        var uid = $.trim($(this).parent().siblings(".userid").text());
                        $.ajax({
                            url:"/AdminLoginServlet?type=refuse",
                            data:"id="+id+"&userid="+uid,
                            async:false,
                            dataType: "text",
                            type:"get",
                            success:function (data) {
                                if(data == "1"){
                                    alert("操作成功！");
                                    window.location.reload();
                                }else{
                                    alert("操作失败，稍后重试！");
                                }
                            },
                            error:function (error) {
                                alert("系统异常！");
                            }
                        })
                    })
                })
            }else{
                $("#allwclapp").empty();
                $("#allwclapp").html("<h2>没有申请数据!</h2>")
            }
        }
    })
</script>
</body>
</html>
